html {
  height: 100%;
  box-sizing: border-box;
  line-height: normal;
  padding: 0;
  margin: 0;
}

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: PingFangSC-Regular;
}

.source-not-micro-app {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.metrics-not-micro-app {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  height: 100%;
}

.page-bg {
  background: #ffffff;
  padding: 15px;
  box-sizing: border-box;
}

// arco  弹出框
.a-model-dialog {
  .arco-modal-body {
    padding: 0px;
  }
}

//arco  日期弹出框
.arco-picker-container {
  .arco-picker-header {
    padding: 5.5px 6px;
    background: #EFF1F7;

    .arco-picker-header-icon {
      background-color: unset;
      border-radius: unset;
    }
  }

  .arco-picker-body {
    padding: 0 16px;
  }

  .arco-picker-cell-in-view:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover {
    border-radius: 3px;
    background-color: #F6F8FC;
  }

  .arco-picker-cell-today {
    &::after {
      background-color: unset;
    }

    .arco-picker-date-value {
      border: 1px solid #3C6EFF;
    }
  }

  .arco-picker-cell .arco-picker-date-value {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    box-sizing: border-box;
  }

  .arco-panel-month .arco-picker-date-value {
    width: 60px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    box-sizing: border-box;
  }

  .arco-panel-year .arco-picker-date-value {
    width: 60px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    box-sizing: border-box;
  }

  //隐藏今天快捷
  .arco-picker-footer-now-wrapper {
    display: none;
  }

  .arco-panel-date-timepicker-title {
    height: 36px;
    line-height: 36px;
    width: 70px;
    box-sizing: border-box;
  }

  .arco-panel-date-timepicker {
    .arco-timepicker {
      justify-content: center;
      padding: 0px;
      height: 300px;
    }

    .arco-timepicker-column {
      width: 100%;
      padding: 0px;
    }

    .arco-timepicker-cell {
      width: 100%;
    }

    .arco-timepicker-cell-inner {
      padding-left: 0px;
      text-align: center;
      height: 28px;
      line-height: 28px;
    }

    .arco-timepicker-cell-selected .arco-timepicker-cell-inner {
      background-color: #F0F6FF;
    }
  }

  .arco-picker-footer-btn-wrapper {
    .arco-btn {
      height: 32px;
    }
  }
}

//下拉框
.arco-select-dropdown .arco-select-option-active,
.arco-select-dropdown .arco-select-option:not(.arco-select-dropdown .arco-select-option-disabled):hover {
  background-color: #F6F8FC;
}

//抽屉
.arco-drawer-header .arco-drawer-close-btn {
  font-size: 16px;
}

//popper
.arco-trigger-arrow {
  width: 12px;
  height: 12px;
}
//气泡确认框去掉图标
.arco-popconfirm-popup-content .arco-popconfirm-body .arco-popconfirm-icon{
  margin-right: 0;
}
// 分页间距
.a-query-table-page-right {
  margin-left: 6px;
}
// 滚动条
/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #E8EBF2;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.45);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #E8EBF2;
}

// input-number
.arco-input-number-mode-embed .arco-input-number-step{
  opacity: 1;
}

// 表格分页的页字间距
.a-query-table-page-right {
  padding-left: 6px;
}